<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"
	  xmlns:v-bind="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>购物车</title>
		<link href="../lib/amaze_vue/amaze-vue.css" rel="stylesheet" type="text/css"/>
		<link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
		<link href="../lib/basic/css/demo.css" rel="stylesheet" type="text/css"/>
		<link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
		<link href="../home/css/cartstyle.css" rel="stylesheet" type="text/css" />
		<link href="../home/css/optstyle.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="../lib/basic/js/jquery-1.7.min.js"></script>
		<script type="text/javascript" src="../home/js/vue.min.js"></script>
		<script src="../lib/elementui/1.4.3/index.js"></script>
	</head>
	<body>
		<div id = "shopcart">
		<!--顶部导航条 -->

			<iframe  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" scrolling="no"  width="100%" src="../home/otherHead.html"></iframe>

			<b class="line" style="top:50px;"></b>
			<div align="center" style="margin-top:30px;">
				<h1 style="font-size: 30px;">购物车</h1>
			</div>
			<!--购物车 -->
			<div class="concent">
				<div id="yryyr" style="margin-top: 20px">
				<div id="cartTable" >
					<div class="cart-table-th">
						<div class="wp">
							<div class="th th-chk">
								<div id="J_SelectAll1" class="select-all J_SelectAll ">
								</div>
							</div>
							<div class="th th-item" >
								<div class="td-inner">商品信息</div>
							</div>
							<div class="th th-Makprice" >
								<div class="td-inner">市场价格</div>
							</div>
							<div class="th th-price" >
								<div class="td-inner">平台价格</div>
							</div>
							<div class="th th-amount">
								<div class="td-inner">数量</div>
							</div>
							<div class="th th-sum">
								<div class="td-inner">成交价格</div>
							</div>
							<div class="th th-op">
								<div class="td-inner">操作</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>

					<tr class="item-list">
						<div class="bundle  bundle-last ">
							<div class="clear"></div>
							<div class="bundle-main">
								<ul class="item-content clearfix" align="center" v-for = "information in productInformation">
									<li class="td td-chk">
										<div class="cart-checkbox ">
											<input  id="J_CheckBox" v-on:click="onSelect(information);" v-bind:class="'items'+information.id" name="item"  type="checkbox">
											<label for="J_CheckBox"></label>
										</div>
									</li>
									<li class="td td-item">
										<div class="item-pic">
											<a v-bind:href="information.url" target="_blank" v-bind:data-title="information.commodityName" class="J_MakePoint" data-point="tbcart.8.12">
												<img style="width: 80px;height: 80px"  v-bind:src="information.masterMap" :title="information.commodityName" class="itempic J_ItemImg"></a>
										</div>
										<div class="item-info">
											<div class="item-basic-info">
												<a v-bind:href="information.url" target="_blank" v-bind:title="information.commodityName" class="item-title J_MakePoint" data-point="tbcart.8.11">{{information.commodityName}}</a>
											</div>
										</div>
									</li>
									<li class="td td-info">
										<div class="item-props item-props-can">
											<em class="J_Price price-now" tabindex="0">{{information.commodityMakPrc}}</em>
										</div>
									</li>
									<li class="td td-price">
										<div class="item-price price-promo-promo">
											<div class="price-content">
												<div class="price-line">
													<em class="J_Price price-now" tabindex="0">{{information.commodityTrcPrc}}</em>
												</div>
											</div>
										</div>
									</li>
									<li class="td td-amount">
										<div class="amount-wrapper ">
											<div class="item-amount ">
												<div class="sl">
													<input class="min am-btn" name="" type="button" value="-" v-on:click="min(information);" />
													<input class="text_box" readonly v-model="information.commodityNum" value="1" name="" type="text" style="width:30px;" />
													<input class="add am-btn" name="" type="button" value="+" v-on:click="add(information);" />
												</div>
											</div>
										</div>
									</li>
									<li class="td td-sum">
										<div class="td-inner">
											<em tabindex="0" class="J_ItemSum number">{{information.commoditySplPrc}}</em>
										</div>
									</li>
									<li class="td td-op">
										<div class="td-inner">
											<a href="javascript:;" data-point-url="#" class="delete">
												<input type="button" id="delete" value="删除" v-on:click="delete_Shop(information,'delete_Shop')">
												</input>
											</a>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</tr>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>

				<div class="float-bar-wrapper">
					<div id="J_SelectAll2" class="select-all J_SelectAll">
						<div class="cart-checkbox">
							<input class="check-all check " id="J_SelectAllCbx2" name="select-all" value="true" type="checkbox" v-on:click="chooseAll();"  >
							<label for="J_SelectAllCbx2"></label>
						</div>
						<span>全选</span>
					</div>
					<div class="float-bar-right">
						<div class="amount-sum">
							<span class="txt">已选商品</span>
							<em id="J_SelectedItemsCount">{{Number}}</em><span class="txt">件</span>
							<div class="arrow-box">
								<span class="selected-items-arrow"></span>
								<span class="arrow"></span>
							</div>
						</div>
						<div class="price-sum">
							<span class="txt">合计:</span>
							<strong class="price">¥<em id="J_Total">{{total}}</em></strong>
						</div>
						<div class="btn-area">


							<a v-on:click="insertOrders();" id="J_Go" class="submit-btn submit-btn-disabled" aria-label="请注意如果没有选择商品，将无法申请采购单">
								<span>申请采购单</span></a>
						</div>
					</div>
				</div>
				</div>
			</div>

			<iframe  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" width="100%" scrolling="no"  src="../home/otherFoot.html"></iframe>

		</div>
	</body>

	<script src="../lib/amaze_vue/amaze-vue.js"></script>
	<script src="../charge/shopcart.js"></script>

</html>